<head>
	<!--<meta charset="utf-8" />
	<link rel="stylesheet" href="/BackEndRecursosHumanos/app/webroot/css/smoothness/jquery-ui-1.10.3.custom.min.css" />
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script src="/BackEndRecursosHumanos/app/webroot/js/jquery.mousewheel.js"></script>
  	<script src="/BackEndRecursosHumanos/app/webroot/js/globalize.js"></script>-->
	<!--<link rel="stylesheet" type="text/css" href="/BackEndRecursosHumanos/app/webroot/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">-->
	
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-i18n.js"></script>-->
  	<!--<link rel="stylesheet" href="/BackEndRecursosHumanos/app/webroot/css/stylespinner.css" />-->
	
	<style>
	  
	  
	  .selectable_beneficio .ui-selecting { background: #8C8E92; }
	  .selectable_beneficio .ui-selected { background: #36393C; color: white; }
	  .selectable_beneficio { list-style-type: none; margin: 0; width: 60%; }
	  
	 
  	</style>
	
	<script>
		
		function click_evento($id) 
		{
	   		$('#BeneficiosAdministrativoBeneficiosId').val($id);
	   		alert($id);
		}
		function click_sede($id) 
		{
	   	
		}
		
	</script>
	<script>
	
	
	
	$(document).ready( function() 
	{
	      $('.selectable_beneficio').click(function()
	      {
	      	alert('hola');
	      });
	});
	$(function() 
	{
    	
    	$( ".selectable_beneficio" ).selectable(
			{
				
				selected: function(event, ui) { 
        			$(ui.selected).addClass("ui-selected").siblings().removeClass("ui-selected");           
    			}, 
				stop: function(event, ui) 
				{
				    var el_id = $(this).children("ol").attr("id");
		    
				    $('.selectable_beneficio .ui-widget-content.ui-selected').each(function(index) 
				    {
     					
     					$('#BeneficiosAdministrativoBeneficiosId').val($(this).attr('id'));
     					
					});
				    
				    $(".selectable_beneficio ui-widget-content.ui-selected").not("#" + el_id).each(function(index, element) 
				    { 
				       	alert(index);
				       	$(element).toggleClass("ui-selected");
				        if($(element).children("li").hasClass("ui-selected"))
				        {
				           $(element).children("li").removeClass("ui-selected");
				           $('#BeneficiosAdministrativoBeneficiosId').val($(element).children("li").attr("id"));
				           
				        }
				    });
				}
			});
		
    	
    	
  	});
	 
	</script>
	
	
</head>
<body>
	<center>
		<?php echo $this->Form->create('BeneficiosAdministrativosSede',array('type' => 'file'));
			?>
	<fieldset>
		
			<?php 
				if ($valor == 1)
				{
					echo "<legend><b>Validar Datos Para Asignación</b></legend>";
				}
				else 
				{
					echo "<legend><b>Asignar Nuevo Beneficio a Sede</b></legend>";	
				}
				
			?>
		
			<center>
				
			<input type="hidden" name="data[BeneficiosAdministrativosSede][valor]" value="<?php echo $valor?>" id="BeneficiosAdministrativoValor" >
			<?php
			if ($valor == 1)
			{
			?>
			
			<table style="width: 80%">
				
				<tr>
					<td style="vertical-align: middle;">
						<center>
							
							<fieldset>
								<legend><b>Seleccione un Beneficio</b></legend>
								<center>
									<input type="hidden" name="data[BeneficiosAdministrativosSede][beneficios_administrativos_id]" value="" id="BeneficiosAdministrativoBeneficiosId" >
								
								  	<ol id="selectable"  style="text-align: center; width: 100%;" class="selectable_beneficio">		
									  	<?php 
									  	foreach ($beneficios as $beneficio) 
									  	{
											  
										
									  	?>
								  		  <br />
										  <li id="<?php echo $beneficio['BeneficiosAdministrativo']['id']?>" class="ui-widget-content" ><?php echo $beneficio['BeneficiosAdministrativo']['nombre_beneficio_administrativo']?></li>
										<?php 
										}
										?>
										<br />
									</ol>
					  			</center>
							</fieldset>
						</center>
					</td>
					<td style="width: 50%; vertical-align: middle;">
						<center>
								
								<table >
									<tr>
										<td>
											<center>
												<?php		
														echo $this->Form->input('sede_id', array(
																								            'options' => array($sedes),
																											'label' => array(
																																'text' => 'Seleccione una Sede',
																																'style' => array(
																																					'font-weight: bold;',
																																					'font-style: italic;'
																																				)
																															)
																									   )
																			   );
												?>
											<center>
										</td>
									</tr>
									
								</table>
								
							</center>
						
					</td>
					
					
				</tr>
	
			</table>
			
			</center>
			</fieldset>
			<?php
				echo $this->Form->end('Validar Beneficio'); 
			}
			elseif ($valor == 2) 
			{
			?>
			
			<table style ="width: 75%" >
								
				
				<tr>
					<td style="text-align: right">
						Benefico:
						
					</td>
					<td style="width: 75%">
						<center>
							<?php echo $nombre_beneficio?>
							<input name="data[BeneficiosAdministrativo][beneficios_id]" type = "hidden" id="BeneficiosAdministrativoBeneficiosId" value = "<?php echo $beneficio_id?>">
						</center>
					</td>
					
				</tr>
				
				<tr>
					<td style="text-align: right">
						Sede:						
					</td>
					<td>
						<center>
							<?php echo $nombre_sede?>
							<input name="data[BeneficiosAdministrativo][sede_id]" type = "hidden" id="BeneficiosAdministrativoSedeId" value ="<?php echo $sede_id?>">
						</center>
						
					</td>
					
				</tr>
				<tr>
					<td style="text-align: right; vertical-align: middle">
						Direccion del Archivo						
					</td>
					<td>
						<center>
						<?php echo $this->Form->input('direcciones_pasos_beneficio',array(
																							'type' => 'file',
																							'label' => array(
																												'style' => array(
																																	'display:none;'
																																)
																											),
																							'accept' => 'application/pdf'
																	
																  						)
														);
							echo $this->Form->input('direcciones_pasos_beneficio_dir', array('type' => 'hidden'));
							?>	
						</center>		 				
					</td>
				</tr>
				
			</table>
			
			
			
		</center>
		</fieldset>
		<?php
			echo $this->Form->end('Asignar Beneficio'); 
			}
			?>
			
		
	</center>
</body>